<template lang="html">
  <div class="daily-diet">
    <TopBack :topBackText='topBackText' />
    <DailyDietList :data='dailyDietListData'/>
  </div>
</template>

<script>
import DailyDietList from '../../components/Index/DailyDietList'
import TopBack from '../../components/TopBack'
export default {
  name:'DailyDiet',
  components:{
    DailyDietList,
    TopBack
  },
  data(){
    return{
      topBackText:{
        centerText:'每日食谱',
        rightText:''
      },
      dailyDietListData:[
        {
          name:'爸爸',
          content:[
            {
              title:'早餐',
              img:require('../../assets/img/index/index.png')
            },
            {
              title:'中餐',
              img:require('../../assets/img/index/index2.png')
            },
            {
              title:'晚餐',
              img:require('../../assets/img/index/index3.png')
            }
          ]
        },
        {
          name:'妈妈',
          content:[
            {
              title:'早餐',
              img:require('../../assets/img/index/index.png')
            },
            {
              title:'中餐',
              img:require('../../assets/img/index/index2.png')
            },
            {
              title:'晚餐',
              img:require('../../assets/img/index/index3.png')
            }
          ]
        }
      ]
    }
  }
}

</script>

<style lang="less" scoped>

</style>
